// 设备检测工具
export function isMobile() {
  return window.innerWidth <= 768
}

export function isTablet() {
  return window.innerWidth > 768 && window.innerWidth <= 1024
}

export function isDesktop() {
  return window.innerWidth > 1024
}

export function getDeviceType() {
  if (isMobile()) return 'mobile'
  if (isTablet()) return 'tablet'
  return 'desktop'
}

// 监听窗口大小变化
export function useDeviceDetection(callback) {
  const handleResize = () => {
    callback(getDeviceType())
  }
  
  window.addEventListener('resize', handleResize)
  
  // 返回清理函数
  return () => {
    window.removeEventListener('resize', handleResize)
  }
}
